/* ��ǩ/Ԫ��ѡ������ ��Ԫ��ƥ����ʽ�� */
html{
height:100%;
}

body{
height:100%;
/*����߾� */
margin:0px;
padding: 0px;
}

.my-container{/*�����*/
position:relative;/*��Զ�λ*/
width: 100%;
height: 100%;
background-color: #99cccc;
}

.my-title{/*����*/
position: absolute;/*���Զ�λ*/
left: 0px;
top:0px;
width: 100%;
height:80px;
background-color: #888888;

color:#eeeeee;
font-size:40px;
font-family:宋体;
line-height:80px;
padding-left: 10px; 
box-sizing: border-box;
}

.my-copyright{
position: absolute;/*���Զ�λ*/
left: 0px;
bottom:0px;
width: 100%;
height:30px;
background-color: #888888;
line-height:30px;
align-content: center;
text-align: center;
}
.my-nav{
position: absolute;/*���Զ�λ*/
left: 0px;
top:80px;
width: 150px;
bottom:30px;
background-color: #666666;
}

#myuser{
position: absolute;
right: 15px;
bottom: 15px;
font-size: 17px;
line-height: 20px;
font-family:宋体;
font-weight: normal;
color: white;
}
#myuser a{
display: inline-block;
padding: 12px 5px 12px 5px;
border-radius: 10px;
}
#myuser a:link {
	color:#ffffff;
	text-decoration: none;
}
#myuser a:visited {
color:#ffffff;
	text-decoration: none;
}
#myuser a:hover {
	color:#666666;
	text-decoration: none;
	background-color: #ccbfea;
}
.my-content{
position: absolute;/*相对定位*/
left: 150px;
top:80px;
bottom:30px;
right:0px;
background-color: #d7d7d7;
}